

<div class="palm-page-header">
        <div class="palm-page-header-wrapper">
                <div class="pref-icon">
                        <img src="images/hp_medium.png" style="margin: 10px 10px 0px 20px; float: left;"></img>
                </div>
                <div class="title" x-mojo-loc="" id="headerTitle">
                        HP Mobile Login
                </div>
        </div>
</div>

<div class="palm-group">
	  <div class="palm-group-title">User credentials</div>
	  <div class="palm-list">
	<!-- User Id. -->
	    <div class="palm-row first">
	      <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
	        <div class="title">
			  <div class="login_lblUserid"></div>
	          <div id="login_txtUserid" x-mojo-element="TextField"></div>
	        </div>
	      </div>
	    </div>
	 <!-- Password -->
	   <div class="palm-row last">
	      <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
	        <div class="title">
			    <div id="login_lblPassword"></div>
	            <div id="login_txtPassword" x-mojo-element="PasswordField"></div>
				
	        </div>
	      </div>
	    </div>
	  </div>
	</div>
	<!-- Login Button -->
	<div id="login_btnSignin" x-mojo-element="Button"></div>
<div>


</div>
<div id="debugOutput">
</div>